<template>
	<div id="app">
		<users></users>
		<h1>app组件里的h1标签文字颜色为蓝色</h1>
	</div>
</template>

<script>
	// 注册一个局部变量首先要进行导入，然后在components中进行注册
	import users from './components/users.vue'
	export default {
		name: 'App',
		components: {
			users
		}
	}
</script>

<style scoped>
	/* CSS的作用域 */
	h1{
		color: skyblue;
	}
	#app {
		font-family: Avenir, Helvetica, Arial, sans-serif;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-align: center;
		color: #2c3e50;
		margin-top: 60px;
	}
</style>
